<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link href="__ROOT__/Public/Css/ehs.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="__ROOT__/Public/Css/photo.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="__TMPL__/style/style.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="__ROOT__/Public/Js/jquery-1.5.0.min.js"></script>
    <script type="text/javascript" src="__ROOT__/Public/Js/core.js"></script>
    <script type="text/javascript" src="__ROOT__/Public/Js/ehs.js"></script>
    <title>EHS</title>
  </head>

  <body>
    <script>
      var gDelayUrls = {2:"",3:"",4:""};
    </script>
    <div id="container">
      <layout name="Public:header" cache="0" />
      <div id="breakcrump">你所在位置： <a href="/index.html" title=""> 首页 </a> > 图片资料 </div>
      <!--     <div id="mainbody"> -->
      <div class="main-cont-sub left">
        <div class="main" style="width:957px">
          <div class="fcnt" id="ppt" style="float:left">
            <div class="mimg" id="mpc"><!--加载大图，第一张即时加载，其他延迟加载-->
              <volist name="newPhotos" id="l">
                <if condition="$i eq 1"><div style="display:block"><a href="#nogo"><img src="{$purl}{$l.path}"/></a></div>
                  <else/><div><a href="#nogo"><img id="img{$i}" src=""/></a><script> gDelayUrls["{$i}"] = "{$purl}{$l.path}";</script></div>
                </if>
              </volist>
              <!--
              <div style="display:block"><a href="#nogo"><img src="__TMPL__/images/s0.jpg" alt="" /></a></div>
              <div><a href="#nogo"><img src="__TMPL__/images/s1.jpg" alt="" /></a></div>
              <div><a href="#nogo"><img src="__TMPL__/images/s2.jpg" alt="" /></a></div>
              <div><a href="#nogo"><img src="__TMPL__/images/s3.jpg" alt="" /></a></div>
              -->
            </div>

            <!--         <dl style="display:block">
                       <dt><a href="#nogo">Merry Christmas!!圣诞快乐 圣诞快乐</a></dt>
                       <dd>大家圣诞快乐啊，平安夜祝福你，平安夜收到心仪的礼物，平安幸福！！</dd>
                     </dl>
                     <dl>
                       <dt><a href="#nogo">圣诞快乐 圣诞快乐Merry Christmas!!</a></dt>
                       <dd>大家圣诞快乐啊，平安夜祝福你，平安夜收到心仪的礼物，平安幸福！！</dd>
                     </dl>
                     <dl>
                       <dt><a href="#nogo">Merry Christmas!!圣诞快乐 圣诞快乐</a></dt>
                       <dd>大家圣诞快乐啊，平安夜祝福你，平安夜收到心仪的礼物，平安幸福！！</dd>
                     </dl>
                     <dl>
                       <dt><a href="#nogo">圣诞快乐 圣诞快乐Merry Christmas!!</a></dt>
                       <dd>大家圣诞快乐啊，平安夜祝福你，平安夜收到心仪的礼物，平安幸福！！</dd>
                     </dl>   下部弹出的字体提示，暂时不要 -->
            <div id="tri"></div>
            <ul>
              <volist name="newPhotos" id="l">
                <li <if condition="$i eq 1">class="cur"</if>><img src="{$purl}{$l.spath}"/></li>
              </volist>
              <!--
              <li class="cur"><img src="__TMPL__/images/s0.jpg" alt="" /></li>
              <li><img src="__TMPL__/images/s1.jpg" alt="" /></li>
              <li><img src="__TMPL__/images/s2.jpg" alt="" /></li>
              <li><img src="__TMPL__/images/s3.jpg" alt="" /></li>

              -->
            </ul>
          </div><layout name="Public:doc-photos-right" cache="0" /> 
        </div> 
        <div class="mode-cont-sub" style="width:960px;">
          <volist name="lbids" id="lb" key="i">
            <div class="mod-item">
              <h3>{$lbidsName[$i]}</h3>
              <ul>
                <volist name="lb" id="l" key="j">
                  <li>
                    <div class="pic">
                      <a href="/pw8/apps.php?q=photos&a=album&aid={$l['aid']}" target=_blank>
                        <img src="/pw8/attachment/{$l['path']}" alt="" title="" />
                      </a>
                    </div>
                  </li>
                </volist>
              </ul>
            </div>
          </volist>
        </div>
      </div>


    
       <layout name="Public:footer" cache="0" />
    </div>

    <script>
      //Javascript Document For funswitcher by trance

      $(document).ready(function(){
        //幻灯片
        var j=1;
        var MyTime=false;
        var fot=200;//当前图片消失时间
        var fin=300;//新图片呈现时间
        var amt=300;//三角标志滑动时间
        var speed=30000;//自动播放间隔
        var maxpic=4;//切换图片个数
        $("#ppt").find("li").each(function(i){
          $("#ppt").find("li").eq(i).click(function(){
            var cur=$("#mpc").find("div:visible").prevAll().length;
            if(i!==cur){
              j=i;
              $("#mpc").find("div:visible").fadeOut(fot,function(){
                $("#mpc").find("div").eq(i).fadeIn(fin);
              });
              $("#tri").animate({
                "top":i*87+"px"
              },amt,current(this,"li"));
              $("#ppt").find("dl:visible").slideUp(fot,function(){
                $("#ppt").find("dl").eq(i).slideDown(fin);
              });
            }
          })
        })
        //标记当前
        function current(ele,tag){
          $(ele).addClass("cur").siblings(tag).removeClass("cur");
        }
        //自动播放 不需要的话可以删除这一段
        $('#imgnav').hover(function(){
          if(MyTime){
            clearInterval(MyTime);
          }
        },function(){
          MyTime = setInterval(function(){
            $("#ppt").find("li").eq(j).click();
            j++;
            if(j==maxpic){
              j=0;
            }
          } , speed);
        });
        //自动开始
        var MyTime = setInterval(function(){
          $("#ppt").find("li").eq(j).click();
          j++;
          if(j==maxpic){
            j=0;
          }
        } , speed);

        //延迟500毫秒去加载剩下来的2，3，4副图片
        setTimeout(function(){
          for(var i = 2; i < 5; i++) {
            $("#img"+i).attr("src",gDelayUrls[i]);
          }
        },500);
      })

      
    </script>
  </body>
</html>
